<template>
  <formPage formItemWidth="50%" :formList="formList" />
  <areaPage />
</template>
<script setup>
import areaPage from "@/components/DialogArea.vue";
let formList = ref([
  {
    label: "text",
    prop: "text",
    formType: "text",
  },
  {
    label: "textarea",
    prop: "textarea",
    formType: "textarea",
    rows: 6,
  },
  {
    label: "radio",
    prop: "radio",
    formType: "radio",
    style: {},
    termList: [
      {
        value: 1,
        name: "是",
      },
      {
        value: 2,
        name: "否",
      },
      {
        value: 3,
        name: "其他",
      },
    ],
  },
  {
    label: "checkbox",
    prop: "checkbox",
    formType: "checkbox",
    style: {},
    termList: [
      {
        value: 1,
        name: "是",
      },
      {
        value: 2,
        name: "否",
      },
      {
        value: 3,
        name: "其他",
      },
    ],
  },
  {
    label: "select",
    prop: "select",
    formType: "select",

    termList: [
      {
        value: 1,
        name: "是",
      },
      {
        value: 2,
        name: "否",
      },
      {
        value: 3,
        name: "其他",
      },
    ],
  },
  {
    label: "date",
    prop: "date",
    formType: "date",
    type: "date",
    valueFormat: "YYYY-MM-DD hh:mm:ss",
  },
  {
    formType: "img",
  },
]);
</script>
